*{
	margin: 0;
	padding: 0;
}

/*主容器*/
.con-FangDa{
	width: 100%;
	height: auto;
	margin: 10px auto;
}
/*正常容器*/
.con-fangDaIMg{
	width: 100%;
	height: 300px;
	position: relative;
	
}
.con-fangDaIMg > img{
	width: 100%;
	height:100%
}
/*滑块*/
.magnifyingBegin{
	width: 150px;
	height: 175px;
	left: 0;
	top: 0;
	background-color: #454545;
	opacity: 0.5;
	filter:alpha(opacity=50);
	position: absolute;
	cursor: move;
	display: none;
}
/*放大镜显示区域*/
.magnifyingShow{
	width: 450px;
	height: 514px;
	display: none;
	position: absolute;
	right: -470px;
	top: 0;
	overflow: hidden;
	background-color: #454545;
}
.magnifyingShow > img{
	width: 900px;
	height: 1350px;
	margin-left:0;
	margin-top: 0;
}
/*设置选择图片容器*/
.con-FangDa-ImgList{
	margin-top:10px;
	height:54px;
	
	list-style: none;
}
.con-FangDa-ImgList > li{
	margin-right:7px;
	width: 31%;
	height: 50px;
	float: left;
	cursor: pointer;
	border: 2px solid #D8D8D8;
	text-align:center; margin-bottom:7px;
}
.con-FangDa-ImgList > li > a{}
.con-FangDa-ImgList > li > img{
	vertical-align:top;
	display:inline;
	width:auto;
	height:40px; margin-top:3px;
}


.con-FangDa-ImgList > .active{ background:rgba(0, 0, 0, 0.4); position:relative; border:none; z-index:999999999;    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
	 
}
.con-FangDa-ImgList > .active img{}
.con-FangDa-ImgList > .active p{ position:absolute; display:block !important;top: 16px; color:#F4C320; z-index:999; font-size:14px; text-align:center; line-height:18px; width:100%;font-weight: bold;}
.con-FangDa-ImgList > li > p{ display:none;}
.xwdt{width: 1200px; height: 768px;margin: 0 auto;}
.xwdt h3{font-size: 42px;text-align: center;font-weight: 300; margin-bottom: 0px;color: #F4C320; padding: 40px 0;
    font-family:微软雅黑; padding-bottom: 0;}
.kzz{width: 100%;background-color: #eee;}
.swiper-containerr{ height: 600px; overflow: hidden;position: relative;}
.s{width: 100%;}
.swiper-slide img{width:100%;}
button{background: transparent;}













.clearfix:after{
	content: "";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.clearfix{
	*zoom: 1;
}
.c_box{
	width: 100%;
	height: 470px;
	margin-top: 30px;
}
.big_li{
	width: 33%;
	float: left;
	/* margin-right: 5%; */
}
.circle_div{
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-right: 4%;
	background: #f2c320;
	display: inline-block;
}
.small_ul{
	width: 100%;
}
.small_li>a{
	color: #000000;
	font-size: 20px;
}
.three_box{
	width: 100%;
	height: 100px;
	padding-top: 13px;
	background: #f1f1f1;
	border-radius: 10px;
	text-align: center;
}
.item_box{
	width: 50px;
	height: 50px;
	border-radius: 10px;
	text-align: center;
	line-height: 50px;
	display: inline-block;
	margin-bottom: 10px;
}
.item_container:hover .item_box{
	box-shadow: 0 0 10px #999;
}
.item_container>img{
	width: 100px;
}

.item_box span{
	font-size: 36px;
	color: #fff;
}

#oa{
	background: #92d050;
}
#ob{
	background: #08b2f0;
}
#oc{
	background: #ffc000;
}
.item_container{
	text-align: center;
	cursor: pointer;
	width:22%;
	height: 84px;
	display: inline-block;
	margin-right: 0%;
}
.item_container>p{
	font-size: 14px;
}
	
.j li{
	height: 287px;
	border: 1px solid #F1F1F1;
	position: relative;
	
}
.item_box img{
	width: 40px;
	margin-top: 10px;
}

.j li a .oobox{
	line-height: 62px;
	width: 100%;
	height: 62px;
	border-top: 1px solid #F1F1F1;
}
.j li a .oobox p{
	margin-left: 20px;
	color: #8a8a8a;
	font-size: 20px;
	float: left;
	width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.oimg{
	width: 50px;
	height: 50px;
	float: right;
	margin-top: 10px;
	margin-right: 6px;
	overflow: hidden;
}


.j li a .oobox img{
	width: 35px;
}
.j>li a:hover p{
	color: #f2c320;
}
.j>li a:hover .oimg img:nth-child(1){
	display: none;
}
.j>li a:hover .oimg img:nth-child(2){
	transition: .5s;
}
.j>li a:hover .oimg img:nth-child(2){
	transform: rotate(360deg);
}
.j>li a>img{
	transition: .5s;
}
.j>li a:hover>img{
	transform: scale(1.1);
}
.j>li:hover{
	box-shadow: 0 -0 10px #ccc;
}
@media (min-width:769px) {
	.mobile_box{
		display: none;
}
	.abimg{
		display: none;
	}



}

@media (max-width:768px) {
	.xwdt{
		width: 94%;
	}
	.sidebar{
		display: none;
	}
	.c_box{
		display: none;
	}
	.three_box{
		display: none;
	}
	.kzz{
		height: auto;padding-bottom: 20px;
	}
	.s-footer__top{flex-wrap: wrap;}
	.s-footer__logo{text-align: center;}
	.xp{
		display: none;
	}
	.mobile_box{
		width: 100%;
		padding-top: 70px;
		text-align: center;
		
	}
	.mobile_box_item{
		width: 83%;
		/* height: 100px; */
		/* background: #FFAD6D; */
		margin: 0 auto 10px;
		border: 1px solid #F1F1F1;
		text-align: center;
		
	}
	
	.xwdt{
		height: auto;
		}
	.oitem_top>img{
		width: 95%;
		
	}
	.oitem_bottom{
		padding: 0 10px;
		height: 70px;
		border-top: 1px solid #F1F1F1;
	}
	.oitem_bottom p{
		font-size: 25px;
		width: 50%;
		float: left;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-align: left;
		line-height: 70px;
	}
	.oimg{
		width:30px;
		height:30px;
		overflow: hidden;
		margin-top: 5%;
	}
	.s-overview div img{width:100%}
	.oimg>img{
		width: 100%;
	}
	.mobile_box_item:hover p{
		color: #f2c320;
	}
	.mobile_box_item:hover .oimg img:nth-child(1){
		display: none;
	}
	.mobile_box_item:hover .oimg img:nth-child(2){
		transform: rotate(360deg);
		transition: .5s;
	}
	.abimg{
		display: block;
		width: 100%;
	}
	.bnm{
		display: block;
	}
	.s-index{display:none}
	
}
@media (max-width:414px) {
	.kzz{
		height: 733px;
	}
	.oimg{
		height:26px;
		overflow: hidden;
		margin-top: 25px;
	}
	
	
}
@media (max-width:1356px) {
	.small_li span{
		font-size: 16px;
	}
	
}
@media (max-width:1077px) {
	.small_li span{
		font-size: 14px;
	}
	
}




.slick-dots{
	display: none;
}
.mobile_obox{
	display: none;
	
}
.oitem h2{
	display: inline-block;
	margin-left: 10px;
}
.oitem span{
	display: inline-block;
}
.more_box{
	display: inline-block;
	width: 160px;
	height: 45px;
	border: 1px solid #ccc;
	text-align: center;
	line-height: 45px;
	margin: 20px 0 15px;
}
.more_box a{
	color: #000;
}
.more_box:hover{
	background: #000;
}
.more_box:hover a{
	color: #fff;
}
.m-site>span a{
	font-size: 35px;
	color: #fff;
	display: inline-block;
	position: absolute;
	top: 35px;
	left: -58px;
}
#t{
	font-size: 70%;
}











.xp{ width: 80%; margin: 20px auto;}
.jj{ overflow: hidden;}
.jj li{ float: left; width: 32%;margin-right: 1%;cursor: pointer;}
.jj li:last-child{margin-right: 0;}
.jj>li>img{width: 100%;}
.j{overflow: hidden;display: none;}
.j:first-child{display: block;}

.j li{ 
	float: left;
	width: 23%;
	margin: 1%;
	overflow:hidden;
	height:auto;
}

.j li img{ width:100% ;}
.j li:last-child{ margin-right: 0;}
.sb{ position: relative; margin-top:35px}